@media screen and (min-width: 320px) {
  html {
    font-size: 32px;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 36px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 37.5px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 41.4px;
  }
}
@media screen and (min-width: 540px) {
  html {
    font-size: 54px;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 64px;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 75px;
  }
}
.box {
  min-width: 320px;
  max-width: 750px;
  width: 100%;
  background-color: #F1F1F1;
  margin: 0 auto;
}
.box .com-header {
  width: 100%;
  background-color: #ff841d;
  height: 1.226667rem /* 92/75 */;
  padding-top: 0.293333rem /* 22/75 */;
  padding-left: 0.453333rem /* 34/75 */;
  padding-right: 0.2rem /* 15/75 */;
}
.box .com-header .logo {
  width: 4.946667rem /* 371/75 */;
  height: 0.666667rem /* 50/75 */;
  background: url('../images/header_logo.png');
  background-size: cover;
}
.box .com-header .download {
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  background: url('../images/header_app.png');
  background-size: cover;
}
.box .com-header .back {
  color: #fff;
  font-size: 0.666667rem /* 50/75 */;
}
.box .com-header h3 {
  color: #fff;
  font-size: 0.426667rem /* 32/75 */;
  text-align: center;
}
.box .red {
  background-color: #f4483e;
}
.box .com-search {
  height: 1.333333rem /* 100/75 */;
  width: 100%;
  padding-top: 0.266667rem /* 20/75 */;
  padding-left: 0.266667rem /* 20/75 */;
  position: relative;
  background-color: #fff;
}
.box .com-search .search {
  position: absolute;
  top: 0.266667rem /* 20/75 */;
  left: 0.266667rem /* 20/75 */;
  height: 0.8rem /* 60/75 */;
  width: 7.6rem /* 570/75 */;
  border-radius: 0.4rem /* 30/75 */;
  text-align: left;
  padding-left: 0.4rem /* 30/75 */;
  font-size: 0.32rem /* 24/75 */;
  margin-right: 0.133333rem /* 10/75 */;
}
.box .com-search .btn-search {
  position: absolute;
  top: 0.266667rem /* 20/75 */;
  right: 0.4rem /* 30/75 */;
  width: 1.666667rem /* 125/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  text-align: center;
  background-color: #ff841d;
  border-radius: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: #fff;
}
.box .footer {
  width: 100%;
}
.box .footer .top-register {
  height: 0.88rem /* 66/75 */;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  font-size: 0.346667rem /* 26/75 */;
}
.box .footer .top-register .login,
.box .footer .top-register .register {
  float: left;
  width: 33.33%;
  text-align: center;
  height: 0.88rem /* 66/75 */;
  line-height: 0.88rem /* 66/75 */;
  border-right: 1px solid #bbbbbb;
}
.box .footer .top-register .return {
  float: left;
  width: 33.33%;
  text-align: center;
  height: 0.88rem /* 66/75 */;
  line-height: 0.88rem /* 66/75 */;
  color: #333;
}
.box .footer .top-register .return span {
  position: relative;
  top: 0.053333rem /* 4/75 */;
  display: inline-block;
  width: 0.4rem /* 30/75 */;
  height: 0.4rem /* 30/75 */;
  background: url('../images/top.jpg');
  background-size: cover;
}
.box .footer .addr {
  padding: 0.4rem /* 30/75 */ 0;
  text-align: center;
}
.box .footer .addr p {
  height: 0.426667rem /* 32/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: #333;
  margin: 0;
}
.box .footer .addr p .app {
  color: red;
}
